<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>longin</title>
<style type="text/css">
/*头部*/
#head {
	width: 1508.2px;
	height: 110px;
	/*	border: 1px solid red;*/
}
/*图标*/
#loge {
	width: 170px;
	height: 60px;
	margin-left: 169px;
	margin-top: 24px;
	/*border: 1px solid darkblue;*/
}
/*标题*/
#title {
	line-height: 34px;
    width: 100px;
    height: 35px;
    color: #333;
    margin-top: -49px;
    margin-left: 346px;
    font-size: 25px;
}
/*已有账号*/
#have {
	/*	border: 1px solid red;*/
	width: 80px;
	height: 25px;
	font-size: 16px;
	margin-top: -19px;
	color: #999;
	margin-left: 970px;
	;
}
/*请登录*/
#have2 {
	font-size: 16px;
	float: right;
	margin-top: -26px;
	color: #e22;
	/* border: 1px solid red; */
	width: 50px;
	height: 25px;
	margin-right: 408px;
}
/*主干*/
#trunk {
	width: 1519.200px;
	height: 406.8px;
	/*border: 1px solid black;*/
}
/*第一层的外框*/
#frame {
	width: 1210px;
	height: 406px;
	/*border: 1px solid red;*/
	margin: 0px auto;
	/*居中*/
}
/*进条框*/
#entry {
	width: 400px;
	height: 54px;
	border: 1px solid red;
	margin: 0px auto;
	/*居中*/
}
/*界面框*/
#interface {
	/*margin: 50px auto 186px;
				width: 400px;*/
	width: 400px;
	height: 246px;
	/*border: 1px solid red;*/
	margin: 0px auto;
	/*居中*/
	margin-top: 45px;
	/*下调*/
}
/*底部*/
#bottom {
	width: 1210px;
	height: 80.600px;
	border: 1px solid white; /*white*/
	margin: 0px auto;
	margin-left:331px;
	/* 这是为适应窗口*/
	word-spacing: 10px;
	/*居中*/
	margin-top: 150px;
}

a {
	/*设置所以的a连接*/
	color: #666;
	text-decoration: none;
	outline: rgb(109, 109, 109) none 0px;
	font-size: 12px;
}
/*文本框*/
#box5 {
	margin: 20px 200px 20px 200px;
	color: #666;
	text-decoration: none;
}

.regInput {
	width: 290px;
	height: 50px;
	margin-top: 35px;
	margin-left: -10px;
	margin-left: 108px;
	border: 1px #bdbdbd solid;
	margin-top: 0px;
}
/*地区框*/
#region {
	width: 108px;
	height: 52px;
	margin-left: -2px;
	margin-top: -54px;
	border: 1px #bdbdbd solid;
}
/*验证框*/
#test {
	width: 400px;
	height: 54px;
	margin-left: -2px;
	margin-top: 43px;
	border: 1px #bdbdbd solid;
}
/*验证框文字调整*/
#p11 {
	margin-top: 12px;
	font-size: 20px;
	margin-left: 114px;
}
/*下一步*/
#test1 {
	width: 400px;
	height: 54px;
	margin-left: 0px;
	margin-top: 39px;
	background: red;
	border: 1px red solid;
}
/*下一步*/
#p12 {
	margin-top: 12px;
	font-size: 20px;
	/*border: azure;*/
	color: white; /*把字变白*/
	margin-left: 155px;
	/*border: 1px red solid;*/
}
</style>
</head>

<body>
	<!---->
	<!--头部 -->
	<div id="head">

		<!--图标-->
		<div id="loge">
			<img src="img/deng1.png">
		</div>
		<!--标题-->
		<div id="title">欢迎注册</div>
		<div id="have">已有账号？</div>
		<div id="have2">请登录</div>
	</div>

	<!--主干-->
	<div id="trunk">
		<!--第一层-->
		<div id="frame">
			<!--进条框-->
			<div id="entry"></div>
			<!--界面框-->
			<div id="interface">
				<!--输入手机号的文本框-->
				<div>
					<input class="regInput" type="password" name="loginpass"
						placeholder="建议使用手机号" />
				</div>
				<!--地区-->
				<div id="region"></div>
				<!--验证框-->
				<div id="test">
					<p id="p11">点击按钮进行验证</p>
				</div>
				<!--下一步-->
				<div id="test1">
					<div id="p12">下一步</div>
				</div>
			</div>
		</div>

	</div>

	<div id="bottom">
		<a rel="nofollow" target="_blank" href="//www.jd.com/intro/about.aspx"
			style="outline: rgb(109, 109, 109) none 0px;"> 关于我们 </a> | <a
			rel="nofollow" target="_blank" href="//www.jd.com/contact/"> 联系我们
		</a> | <a rel="nofollow" target="_blank" href="//zhaopin.jd.com/">
			人才招聘 </a> | <a rel="nofollow" target="_blank"
			href="//www.jd.com/contact/joinin.aspx"> 商家入驻 </a> | <a
			rel="nofollow" target="_blank" href="//www.jd.com/intro/service.aspx">
			广告服务 </a> | <a rel="nofollow" target="_blank" href="//app.jd.com/">
			手机京东 </a> | <a target="_blank" href="//club.jd.com/links.aspx"> 友情链接
		</a> | <a target="_blank" href="//media.jd.com/"> 销售联盟 </a> | <a
			href="//club.jd.com/" target="_blank"> 京东社区 </a> | <a
			href="//gongyi.jd.com" target="_blank"> 京东公益 </a> | <a
			target="_blank" href="//en.jd.com/"
			clstag="pageclick|keycount|20150112ABD|9">EnglishSite</a>

		<div id="box5">
			Copyright&nbsp;?&nbsp;2004-2018&nbsp;&nbsp;京东JD.com&nbsp;版权所有</div>
	</div>
</body>
</html>